<script setup lang="ts">
import Title from '@/header/title.vue';
import { reactive, ref } from 'vue'
import { RouterView, useRoute } from 'vue-router';

console.log(useRoute().query)

function getDate() {
  const date = new Date();

  const month = String(date.getMonth() + 1)

  // `${date.getFullYear()}-${month.length == 1 ? `0${month}` : month
  // }-${date.getDate()} ${date.getHours() <= 13 ? '上午' : '下午'}`;

  return `2024-09-18`
}
getDate()


// iPhone 15
const title = ref('iPhone系列最新回收报价单')

const footer = ref('注意：报价单仅供参考，具体以实际为准')

</script>

<template>
  <div class="bar">
    <Title :title="title" :getDate="getDate()" />
    <div class="body">
      <RouterView></RouterView>
    </div>
    <div class="footer">
      <span>{{ footer }}</span>
    </div>
  </div>

</template>

<style scoped>
* {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.bar {
  padding-top: 100px;
  box-sizing: border-box;
}

.body {
  width: 100vw;
  padding: 0 40px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.footer {
  width: 100%;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}
</style>
